<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            div{
                font-size: 40px;
            }
            /*方式一:颜色名*/
            .d1{
                color:red;
            }

            /*方式二:十六进制的方式，0-F*/
            .d2{

                /*红色*/
                /*color:#FF0000;*/
                /*color:#F00;*/

                /*绿色*/
                /*color:#00FF00;*/
                /*color:#0F0;*/

                /*蓝色*/
                /*color:#0000FF;*/
                /*color:#00F;*/


                /*无法简写*/
                color:#983daa;

                /*color:#999999;*/
                color:#999;
            }

            /*方式三：使用rgb函数，取值范围是0-255*/
            .d3{
                /*红色*/
                /*color:rgb(255,0,0);*/

                /*绿色*/
                /*color:rgb(0,255,0);*/

                /*蓝色*/
                /*color:rgb(0,0,255);*/

                color:rgb(101,12,100);
            }

            /*
                方式四：使用rgba的方式
                rgba(red,green,blue,alpha)中的a表示的是透明度,取值范围0-1
                0表示完全透明
                1表示完全不透明
            */
            .d4{
                color:rgba(255,0,0,0.2);
                color: rgb(228,195,144);

            }
        </style>
    </head>
    <body>
        <div class="d1">div</div>
        <div class="d2">div</div>
        <div class="d3">div</div>
        <div class="d4">div</div>
    </body>
</html>